@charset "utf-8";
/*Microsoft YaHei, */
body{ color:#000; font-size:12px; font-family:Microsoft YaHei,Verdana, Arial, Helvetica, sans-serif; text-align:center;}
/*
a{text-decoration: none;border: 0;font-size: 100%;margin: 0;padding: 0;vertical-align: baseline;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
*/
a{text-decoration: none;}
a:focus { 
outline: none; 
} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0; list-style-type:none} 
html, body{ margin:0; height:100%; }
fieldset,a img{border:0; width:300px;} 

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/

.left{ float: left;} .right{ float: left;} .center{ margin:0 auto;}
.fillet{
-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px;            /* W3C syntax */}
/* 解决ie下连接加粗的鼠标样式问题*/
a strong{ cursor:pointer;}
/* input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {  border-color:#666;} */
.inputs{/*behavior:url(input.htc);*/ border:1px #e547a3 solid; height:30px; line-height:30px; width:200px; margin:1px; padding:1px;}/*Only for ie 5.0+*/
/*label input{width:14px;height:14px;border:0;}*/ /*For input type is Radio*/
.inputs:hover{border:1px #f60 solid;background:#f5f5f5;}/*For orther browsers*/
.hidden{display: none;}
input,button,select,textarea{outline:none}
/**
 +------------------------------------------------------------------------------
 * 网站整体颜色总汇
 +------------------------------------------------------------------------------
 * @codex  颜色:使用颜色的名称或者16进制代码,如 
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */

.black a{color:#606060;}
.black a:hover{color:#1c567f;}

.white a{color:#FFFFFF;}
.white a:hover{color:#ccc;}
/**
 +------------------------------------------------------------------------------
 * 网站整字体大小
 +------------------------------------------------------------------------------
 * @codex   字体大小,直接使用"font+字体大小"作为名称,如
 * @package  ORG
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */

.more{ float:right;}
/**
 +------------------------------------------------------------------------------
 * 网站整布局命名规范
 +------------------------------------------------------------------------------
 * @codex   id和class命名采用该版块的英文单词或组合命名 如:newRelease
 * @package  ORG
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
 .hr20 {height: 20px;overflow: hidden;clear: both;}

 
/*页面外围控制整体布局宽度*/

.headerBox{ width:100%; height:100%; overflow:hidden; background:url(header_bg4.jpg) no-repeat top center; background-size:cover;  position:relative; /*z-index:-10;*/}


.headerButton{ position:absolute; width:100%; bottom:60%;  text-align:center; z-index:10;}
.toptext{ margin:0px auto; width:100%; text-align:center;}
.topbutton{ /*width:50%;*/ margin:0px auto; margin-top:30px; width:960px;}
.topbutton ul li{ width:33%; /*height:248px; overflow:hidden;*/}
.topbutton ul li a{ display:block; width:0px; height:8px; /*background:#000; */color:#FFF;cursor: pointer;position:relative;}
.topbutton ul li a:hover{background:#ffe5e6;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;transition: .5s; border-radius: 30px 0px 30px 0px;-moz-border-radius: 50px;-webkit-border-radius: 50px;}

.topbutton ul li a h5{ font-size:25px; display:block; padding-top:18px; font-weight:normal;  -webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative; top:0px;}
.topbutton ul li a h5 i{ font-size:12px; font-weight:normal; font-style:normal; display:block;}


.topbutton ul li a p{font-style:normal;font-weight:bolder;display:block;width:100%;text-align:center;position:absolute;/*top: 120%;*/-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;
transition: all .3s ease-out;}
		
.topbutton ul li a:hover h5{top: -15px;}
        
.topbutton ul li a:hover p{opacity: 1;top: 75%;color: #fff;}

.moresee{ width:110px; height:18px; line-height:18px;  margin:0px auto; font-size:16px; cursor:pointer; position:relative;}
.moresee i{ display:block; width:12px; height:18px; background:url(images/ico2.png) no-repeat center;}
.moresee:hover{color:#97291E;}




.headerleftcity{ position:absolute; bottom:-3%; /*z-index:-1;*/}
.headerrightcity{ position:absolute; right:0; bottom:9px;}
.bottomline{ position:absolute; left:0; bottom:0; width:100%; height:10px; background:#000;}


.mainLeft{ width:688px; }
.mTitle{ width:100%; height:40px; border-bottom:3px solid #F48B6D; overflow:hidden}
.mTitle span{ display:block; font-size:25px;}
.mTitle i a{ display:block; font-size:12px; width:95px; height:25px; line-height:25px; text-align:center; font-family:'宋体'; font-style:normal; background:#F48B6D; margin-top:10px;}
.mTitle i a:hover{ background:#DA5546; color:#FFF;}
.videoBox{ width:100%; height:350px; background:#000; margin-top:10px; overflow:hidden}
.guanBox{ width:688px;  overflow:hidden;}
.guanTitle{ width:800px; height:35px; overflow:hidden; margin-top:10px; margin-left:-10px;}
.guanTitle li{ float:left; padding:0px 15px; height:35px; line-height:35px; font-size:14px; background:#F48B6D; margin-right:2px; color:#FFF;-webkit-transform: skew(20deg,0);
			-moz-transform: skew(20deg);
			-o-transform: skew(20deg);
			-ms-transform: skew(20deg);
			transform: skew(20deg); cursor:pointer}
.guanTitle li span{display:inline-block;-webkit-transform:skew(-20deg);}
#gt6{width:120px;}


.guanTitle .hovered{ background:#DA5546}
.guanList{ width:100%; height:175px; background:#efefef; overflow:hidden}
.guanList li{ display:none; padding:15px; position:relative;}
.guanList li img{ float:left; width:225px; height:145px; margin-right:15px;}
.guanList li h5{ float:right; width:418px; font-size:20px;}
.guanList li p{ float:right; width:418px;  margin-top:10px; font-size:14px; line-height:25px;}
.guanList li span{float:right; width:418px; }
.guanList li span.news-pic{width:31px; height:16px; right:280px; top:6px; z-index:9999;background:url(http://www.sialchina.cn/statics/images/un_head_new.png) no-repeat; position:absolute;}
.guanList li span a{display:block; font-size:12px; width:95px; height:25px; line-height:25px; text-align:center; color:#000; font-family:'宋体'; font-style:normal; background:#F48B6D; margin-top:10px;}
.guanList li span a:hover{ background:#DA5546; color:#FFF;}

.eventsBox{ width:688px; margin-top:10px;}
.eventsBox ul li{ float:left; width:172px; margin-top:10px; height:140px; text-align:center; line-height:30px; font-size:14px;}

.mainRight{ width:195px; height:1020px; overflow:hidden; padding:10px; background:#F48B6D; margin-top:10px;}

.whitehr20{ width:215px; height:20px; background:#FFF; margin-top:10px; margin-left:-10px;}
.newsList{ width:195px; height:375px; overflow:hidden}
.newsList ul li{ width:195px; height:176px; line-height:35px;overflow:hidden; text-align:center; font-size:14px; padding:10px 0px 5px 0px; border-bottom:1px solid #A65E4A;}
.newsList ul li img{ width:195px; height:146px;}

.sialPic{ width:935px;}
.sialPic ul li{ float:left; width:300px; height:225px; overflow:hidden; margin:10px 10px 0px 0px;}